<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>偶尔有点困-个人博客</title>
		<link rel="stylesheet" href="../css/layui.css" />
		<link rel="stylesheet" href="../css/web/index.css" />
	</head>

	<body>
		<header class="myheader animated top is_top_true">
			<div class="layui-container">
				<div class="logo">
					TRIEDBLOG
				</div>
				<div class="left">
					<ul class="layui-nav">
						<li class="layui-nav-item layui-this">
							<a href="index.html?__hbt=1524650296533">博客首页</a>
						</li>
						<li class="layui-nav-item">
							<a href="index.html?__hbt=1524650296533">那年今日</a>
						</li>
						<li class="layui-nav-item">
							<a href="about.html?__hbt=1524650296533">实验</a>
						</li>
						<li class="layui-nav-item">
							<a href="leave_msg.html?__hbt=1524650296533">留言</a>
						</li>
						<li class="layui-nav-item">
							<a href="about.html?__hbt=1524650296533">关于</a>
						</li>
					</ul>
				</div>
				<div class="right">
					<ul class="layui-nav">
						<li class="layui-nav-item layui-hide-sm layui-hide-md layui-hide-lg" id="navs">
							<a>
								<i class="layui-icon">&#xe65f;</i>
							</a>
						</li>
						<li class="layui-nav-item">
							<a><img src="https://triedblog.oss-cn-beijing.aliyuncs.com/headimgs/headimg30.jpeg" class="layui-nav-img">您的昵称</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="login.html?__hbt=1524650296533">立即登录</a>
								</dd>
								<dd>
									<a href="reg.html?__hbt=1524650296533">点我注册</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-hide">
							<a><img src="../images/my/login.jpg" class="layui-nav-img"></a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;">绑定账号</a>
								</dd>
								<dd>
									<a href="javascript:;">退出</a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<!-- 轮播图 -->
		<div class="scorllimgs">
			
		</div>
		<div class="content">
			<!-- 每日语录 -->
			<div class="layui-container quoteoftheday layui-anim layui-anim-fadein">
				<span class="quotetitle">每日语录：</span>
				<i id="quoterefresh" class="layui-icon layui-anim layui-anim-loop">ဂ</i>
				<a class="quotecontent">不必仰望别人，自己亦是风景。——佐手那回忆</a>
			</div>
			<!-- 帖子 -->
			<div class="layui-container mycontent">
				<div class="layui-row">
					<div class="layui-col-md9 layui-col-sm8 layui-col-xs12 content-left">
						<ul class="post-list">
							<li class="post-one">
								<span class="label"><c>原创</c></span>
								<h3 class="title"><a class="animated" href="article_detail.html">有哪些可以令人笑得窒息的笑话？</a></h3>
								<div class="post-desc">
									您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。 本篇文章就是以 linux centos为例讲解Linux下搭建svn服务器
								</div>
								<div class="post-info">
									<p class="post-info-left">
										<a href="space-uid-1125852175.html">
											<img src="https://avatar.bbs.miui.com/data/avatar/112/58/52/75_avatar_middle.jpg?10009" onerror="this.onerror=null;this.src='http://ucenter.miui.com/uc_server16/images/noavatar_middle.gif'">
											<span class="author">大喵只是個AI</span>
										</a>
									</p>
									<p class="post-info-right">
										<a><i class="layui-icon">&#xe705;</i><span class="num">1276</span></a>
										<a><i class="layui-icon">&#xe637;</i><span class="time">2017-12-16</span></a>
									</p>
								</div>
							</li>
							<li class="post-one">
								<span class="label"><c>原创</c></span>
								<h3 class="title">有哪些可以令人笑得窒息的笑话？</h3>
								<div class="post-desc">
									您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。 本篇文章就是以 linux centos为例讲解Linux下搭建svn服务器
								</div>
								<div class="post-info">
									<p class="post-info-left">
										<a href="space-uid-1125852175.html">
											<img src="https://avatar.bbs.miui.com/data/avatar/112/58/52/75_avatar_middle.jpg?10009" onerror="this.onerror=null;this.src='http://ucenter.miui.com/uc_server16/images/noavatar_middle.gif'">
											<span class="author">大喵只是個AI</span>
										</a>
									</p>
									<p class="post-info-right">
										<a><i class="layui-icon">&#xe705;</i><span class="num">1276</span></a>
										<a><i class="layui-icon">&#xe637;</i><span class="time">2017-12-16</span></a>
									</p>
								</div>
							</li>
							<li class="post-one">
								<span class="label"><c>转载</c></span>
								<h3 class="title">有哪些可以令人笑得窒息的笑话？</h3>
								<div class="post-desc">
									您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。 本篇文章就是以 linux centos为例讲解Linux下搭建svn服务器
								</div>
								<div class="post-info">
									<p class="post-info-left">
										<a href="space-uid-1125852175.html">
											<img src="https://avatar.bbs.miui.com/data/avatar/112/58/52/75_avatar_middle.jpg?10009" onerror="this.onerror=null;this.src='http://ucenter.miui.com/uc_server16/images/noavatar_middle.gif'">
											<span class="author">大喵只是個AI</span>
										</a>
									</p>
									<p class="post-info-right">
										<a><i class="layui-icon">&#xe705;</i><span class="num">1276</span></a>
										<a><i class="layui-icon">&#xe637;</i><span class="time">2017-12-16</span></a>
									</p>
								</div>
							</li>
							<li class="post-one">
								<span class="label"><c>转载</c></span>
								<h3 class="title">有哪些可以令人笑得窒息的笑话？</h3>
								<div class="post-desc">
									您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。 本篇文章就是以 linux centos为例讲解Linux下搭建svn服务器
								</div>
								<div class="post-info">
									<p class="post-info-left">
										<a href="space-uid-1125852175.html">
											<img src="https://avatar.bbs.miui.com/data/avatar/112/58/52/75_avatar_middle.jpg?10009" onerror="this.onerror=null;this.src='http://ucenter.miui.com/uc_server16/images/noavatar_middle.gif'">
											<span class="author">大喵只是個AI</span>
										</a>
									</p>
									<p class="post-info-right">
										<a><i class="layui-icon">&#xe705;</i><span class="num">1276</span></a>
										<a><i class="layui-icon">&#xe637;</i><span class="time">2017-12-16</span></a>
									</p>
								</div>
							</li>
							<li class="post-one">
								<span class="label"><c>转载</c></span>
								<h3 class="title">有哪些可以令人笑得窒息的笑话？</h3>
								<div class="post-desc">
									您可以把SVN当成您的备份服务器，更好的是，他可以帮您记住每次上传到这个服务器的档案内容。并且自动的赋予每次的变更一个版本。 本篇文章就是以 linux centos为例讲解Linux下搭建svn服务器
								</div>
								<div class="post-info">
									<p class="post-info-left">
										<a href="space-uid-1125852175.html">
											<img src="https://avatar.bbs.miui.com/data/avatar/112/58/52/75_avatar_middle.jpg?10009" onerror="this.onerror=null;this.src='http://ucenter.miui.com/uc_server16/images/noavatar_middle.gif'">
											<span class="author">大喵只是個AI</span>
										</a>
									</p>
									<p class="post-info-right">
										<a><i class="layui-icon">&#xe705;</i><span class="num">1276</span></a>
										<a><i class="layui-icon">&#xe637;</i><span class="time">2017-12-16</span></a>
									</p>
								</div>
							</li>
						</ul>
						<!-- 分页 -->
						<ul class="pagination">
						  <li><a title="上一页" href="javascript:;"><i class="layui-icon layui-icon-prev"></i></a></li>
						  <li><a href="javascript:;">1</a></li>
						  <li><a href="#">2</a></li>
						  <li><a href="javascript:;">3</a></li>
						  <li><a class="active" href="javascript:;">4</a></li>
						  <li><a href="javascript:;">5</a></li>
						  <li><a href="javascript:;">6</a></li>
						  <li><a href="javascript:;">7</a></li>
						  <li><a title="下一页" href="javascript:;"><i class="layui-icon layui-icon-next"></i></a></li>
						</ul>
					</div>
					<div class="layui-col-md3 layui-col-sm4 layui-col-xs12 content-right">
						<div>
							<!-- 文章标签 -->
							<div class="grid" id="grid">
								<h3></h3>
								<div class="content">
									<div class="myquote animated">
										没有什么比年轻时候的贫穷更理直气壮的
									</div>
									<span class="layui-col-md4 layui-col-sm4 layui-col-xs4">
										<a href="article_list.html?__hbt=1524650296533" atitle="文章"><b>32</b><i class="layui-icon">&#xe60a;</i></a>
									</span>
									<span class="layui-col-md4 layui-col-sm4 layui-col-xs4">
										<a href="classify.html?__hbt=1524650296533" atitle="分类"><b>8</b><i class="layui-icon">&#xe61d;</i></a>
									</span>
									<span class="layui-col-md4 layui-col-sm4 layui-col-xs4 no-right-border">
										<a atitle="标签"><b>14</b><i class="layui-icon">&#xe64d;</i></a>
									</span>
									<span class="layui-clear no-right-border"></span>
								</div>
							</div>
							<!-- 文章标签 -->
							<div class="flag">
								<h3>文章标签</h3>
								<div class="content">
									<span class="layui-badge layui-bg-blue">springboot</span>
									<span class="layui-badge layui-bg-black">springcloud</span>
									<span class="layui-badge">redis</span>
									<span class="layui-badge layui-bg-green">java</span>
									<span class="layui-badge layui-bg-orange">node.js</span>
									<span class="layui-badge layui-bg-cyan">nginx</span>
								</div>
							</div>
							<!-- 热门文章，后台通过点击量 -->
							<div class="hot-post">
								<h3>热门文章</h3>
								<div class="content">
									<ul>
										<li>热门文章1</li>
										<li>热门文章2</li>
										<li>热门文章3</li>
										<li>热门文章4</li>
									</ul>
								</div>
							</div>
							<!-- 热门推荐文章，后台设置 -->
							<div class="re-post">
								<h3>推荐文章</h3>
								<div class="content">
									<ul>
										<li>推荐文章1</li>
										<li>推荐文章2</li>
										<li>推荐文章3</li>
										<li>推荐文章4</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部信息 -->
		<footer class="footer">
			<div class="footavatar">
				<img src="../images/my/login.jpg" class="footphoto">
				<ul class="footinfo">
					<p class="fname">
						<a href="/dancesmile">偶尔有点困</a>
					</p>
					<p class="finfo">性别：^_^ 年龄：22岁</p>
					<p>现居：重庆</p>
				</ul>
			</div>
			<div class="recentuser layui-hide-xs">
				<p>最近访客</p>
				<ul>
					<li>
						<img src="../images/my/wm/1.png" alt="访客1" />
					</li>
					<li>
						<img src="../images/my/wm/10.png" alt="访客2" />
					</li>
					<li>
						<img src="../images/my/wm/12.png" alt="访客3" />
					</li>
					<li>
						<img src="../images/my/wm/18.png" alt="访客4" />
					</li>
					<li>
						<img src="../images/my/wm/31.jpg" alt="访客5" />
					</li>
					<li>
						<img src="../images/my/wm/11.png" alt="访客6" />
					</li>
				</ul>
			</div>
			<div class="info">
				<p>承认现实生活中的不足之处，并通过自己的努力去弥补这种不足</p>
				<span>
										<a>© 2018 偶尔有点困</a>
									</span>
				<span>
										<a>渝ICP备17007479号-1</a>
									</span>
				<span class="no-right-border">
										<a href="../admin/index.html">后台登录</a>
									</span>
				<span class="layui-clear no-right-border"></span>
			</div>
		</footer>
		<ul class="layui-fixbar">
			<li class="layui-icon layui-fixbar-top" lay-type="top" style="display: list-item;">&#xe604;</li>
		</ul>
		<div id="particles-js" style="position: fixed;z-index: -1;height: 100%;width: 100%;background: none;left: 0;bottom: 0;"></div>
		<!--<div id="music163" class="animated">
			<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=0&id=383785579&auto=0&height=430"></iframe>
			<i class="layui-icon">&#xe6fc;</i>
		</div>-->
	</body>
	<script type="text/javascript" src="../layui.js"></script>
	<script type="text/javascript" src="../lay/system/public.js" ></script>
	<script type="text/javascript" src="../lay/system/web/web.js"></script>
	
	<script type="text/javascript" src="particles/particles.min.js" ></script>
	<script type="text/javascript" src="particles/js/app.js"></script>

</html>